<template>
  <div class="container box box-ver box-ac box-pc box-f1">
    <div :iconClass="iconClass" class="icon icon-noData"></div>
    <div v-html="text" class="text"></div>
  </div>
</template>
<script>
export default {
  props: {
    iconClass: {
      type: String,
      default () {
        return ''
      }
    },
    text: {
      type: String,
      default () {
        return '暂无发票'
      }
    }
  }
}
</script>
<style lang="scss" scoped>
@import '../css/mixins';
.container{
  color:#666;
  padding-top:40%;
  .icon-noData{
    width:.94rem;
    height:.77rem;
    @include bg-image('../img/icon-not-bill');
    margin-bottom:.2rem;
  }
}

</style>
